<!DOCTYPE html>
<!--<html lang="en" xmlns="http://www.w3.org/1999/xhtml">-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DOM2和DOM3</title>
</head>
<body>
<h1>第十三章 事件</h1>
<!-- 输出 "click" -->
<input type="button" value="Click Me" onclick="alert(event.type)">
<!-- 输出 "Click Me" -->
<input type="button" value="Click Me" onclick="alert(this.value)">
<form method="post">
    <input id="myText" type="text" name="username" value="" title="username" onclick="KeyboardEventsTest()">
    <input type="button" value="Echo Username" onclick="alert(username.value)">
</form>
<!--<img src="../file/logo.png" onload="alert('Image loaded.')">-->
<button id="myBtn1">myBtn1</button>
<button id="myBtn2">myBtn2</button>
<button id="testBtn">testBtn</button>
<div id="myDiv" style="background-color: aquamarine;width: 100px;height: 100px;"></div>

<ul id="myList">
    <li id="item1">Item 1</li>
    <li id="item2">Item 2</li>
    <li id="item3">Item 3</li>
</ul>
<ul id="myMenu" style="position:absolute;visibility:hidden;background-color:silver">
    <li><a href="http://blog.csdn.net/gubojun123">CSDN</a></li>
    <li><a href="https://gitee.com/gubojun/projects">码云</a></li>
    <li><a href="https://www.baidu.com">baidu</a></li>
</ul>
<button onclick="handlerTest()">handlerTest</button>
<button onclick="eventUtilTest()">eventUtilTest</button>
<button onclick="stopPropagationTest()">stopPropagationTest</button>
<button onclick="eventProxyTest()">eventProxyTest</button>
<button onclick="MouseEventsTest()">模拟myBtn1点击</button>
<button onclick="KeyboardEventsTest()">模拟键盘输入</button>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
bottom
<script type="text/javascript" src="../js/utils.js"></script>
<script type="text/javascript" src="../js/ch13.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
</body>
</html>